<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \frontend\models\SignupForm */

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
$this->registerCss("
    body{
       padding:0px;
       margin:0px;
       background:url(/img/regist-bg.jpg) no-repeat center;
       background-size:cover;
       position: relative
    }
    input[type=text], input[type=password] {
        background: rgba(255, 255, 255, 0);
        border: 1px solid #333;
    }
    .btn-myprimary {
        color: #fff;
        background-color: #333;
    }
    .mui-bar {
        background: rgba(255, 255, 255, 0);
    }
    .btn{
        padding: 10px 36px;
    }
");
$this->title = '注册';

?>
<div class="site-signup">
    <header id="myheader" class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #333;"></a>
        <a href="#menu" class="mui-icon mui-action-menu mui-icon-bars mui-pull-right" style="color: #333;"></a>
        <h1 class="mui-title"></h1>
    </header>
    <div class="sec-one" style="width:90%;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);padding: 30px 15px 15px 15px;background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 6px #ccc;border-radius: 6px;">
        <div class="row">
            <div class="col-lg-5">
                <?php $form = ActiveForm::begin(['id' => 'form-signup']); ?>

                <?= $form->field($model, 'username')->textInput(['autofocus' => true])->label('用户名 [ 将用作登录名使用 ]') ?>

                <?= $form->field($model, 'email')->label('邮箱') ?>

                <?= $form->field($model, 'password')->passwordInput()->label('密码') ?>

                <div class="form-group" style="text-align: center;">
                    <?= Html::submitButton('注册', ['class' => 'btn btn-myprimary', 'name' => 'signup-button']) ?>
                </div>

                <?php ActiveForm::end(); ?>
                <p style="text-align: center">
                    <a href="/touch/default/login" style="color:#333;">已有账号 登陆</a>
                </p>

            </div>
        </div>
    </div>

</div>
